@-webkit-keyframes init {
  from {
  opacity:0;
}
to {
  opacity:1;
}
}

@-moz-keyframes init {
  from {
    opacity:0;
  }
  to {
    opacity:1;
  }
}

@-ms-keyframes init {
  from {
    opacity:0;
  }
  to {
    opacity:1;
  }
}

@-o-keyframes init {
  from {
    opacity:0;
  }
  to {
    opacity:1;
  }
}

@keyframes init {
  from {
    opacity:0;
  }
  to {
    opacity:1;
  }
}

@-webkit-keyframes updown {
  from {
    top:0;
  }
  to {
    top:-5px;
  }
}

@-moz-keyframes updown {
  from {
    top:0;
  }
  to {
    top:-5px;
  }
}

@-ms-keyframes updown {
  from {
    top:0;
  }
  to {
    top:-5px;
  }
}

@-o-keyframes updown {
  from {
    top:0;
  }
  to {
    top:-5px;
  }
}

@keyframes updown {
  from {
    top:0;
  }
  to {
    top:-5px;
  }
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin:0;
  padding:0;
  border:0;
  font:inherit;
  font-size:100%;
  vertical-align:baseline;
}

html {
  overflow-y:scroll;
}

article,
aside,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
section {
  display:block;
}

blockquote,
q {
  quotes:none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content:"";
  content:none;
}

*:focus {
  outline:0;
}

time,
mark {
  display:inline;
}

strong,
b,
dt,
th,
kbd {
  font-weight:bold;
}

em,
i,
dfn,
caption,
figcaption {
  font-style:italic;
}

ins,
u {
  text-decoration:underline;
}

del {
  text-decoration:line-through;
}

mark,
.highlight {
  background-color:#fad163;
  color:black;
}

kbd {
  font-size:86%;
  line-height:100%;
  padding:2px 5px 1px;
  background-color:#eee;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}

h1 {
  font-size:160%;
}

h2 {
  font-size:140%;
}

h3 {
  font-size:130%;
}

h4 {
  font-size:115%;
}

h5,
h6 {
  font-size:110%;
}

p,
ul,
ol,
dl,
table,
form,
figure,
blockquote,
pre,
hr,
iframe,
.center,
.button-group,
.update,
.block,
.tip,
.alert,
.instruction,
.catatan,
.jsfiddle-demo,
.reference-link,
.template {
  margin-bottom:1.7em;
}

hr {
  margin-top:1.7em;
}

p:last-child,
p:only-child {
  margin-bottom:0;
}

ul,
ol {
  margin-left:2em;
}

li,
dd {
  margin:0 0 .4em;
}

ul ul,
ol ol,
ul ol,
ol ul {
  margin-top:.4em;
  margin-bottom:0;
  margin-left:1.2em;
}

ul {
  list-style:disc outside;
}

ol {
  list-style:decimal outside;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

table caption {
  text-align:left;
}

.safe p+br,
.safe ul+br,
.safe ol+br,
.safe .center+br,
.safe .button-group+br,
.safe .block+br,
.safe .tip+br,
.safe .instruction+br,
.safe .catatan+br,
.safe .alert+br,
.safe blockquote+br,
.safe pre+br,
.safe figure+br,
.safe form+br,
.safe iframe+br,
.safe table+br {
  display:none;
}

a {
  color:#258;
  text-decoration:none;
}

a:hover,
a:focus {
  color:#5687b8;
  text-decoration:underline;
}

a img {
  border-width:0;
}

hr {
  height:0;
  border:0;
  background:0;
  border-bottom:1px dotted #bbb;
}

code {
  color:#888;
  font-family:"Courier New",Courier,Monospace;
  font-size:.923076923077em;
}

code a,
code a:hover,
code a:focus {
  color:inherit;
}

code a:hover,
code a:focus {
  background-color:#e6ecf5;
}

sup,
sub {
  position:relative;
  top:-.4em;
  font-size:96%;
}

sub {
  top:.4em;
}

small {
  font-size:96%;
}

acronym,
abbr {
  cursor:help;
  color:#777;
}

dfn[title],
.dfn {
  cursor:help;
}

figure {
  text-align:center;
  background-color:#cfdbec;
  border:1px solid #a5a5a5;
  padding:10px;
}

figure figcaption {
  margin:10px 0 0;
  font-size:86%;
}

#Attribution1 {
  height:0;
  visibility:hidden;
  display:none;
}

.quickedit {
  display:none;
}

#navbar-iframe {
  height:0;
  visibility:hidden;
  display:none;
}

.post,
.post img,
pre code,
#under-wrapper,
.sidebar .widget {
  border:2px solid #fff;
  border-color:#fff;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,.4);
  box-shadow:0 1px 2px rgba(0,0,0,.4);
}

body,
.body-fauxcolumn-outer {
  background:url(http://3.bp.blogspot.com/-YFZkItsfjr4/Uk3JkdzlvhI/AAAAAAAAFGQ/Xn1_FngULV8/s1600/grid-bg.png);
  font:normal normal 14px/1.5;
  color:#222;
  height:100%;
  text-decoration:none;
  margin:0;
  padding:0;
}

h1,
h2,
h3,
h4,
h5,
h6,
#sidebar-wrapper,
#main-wrapper,
#ad-wrapper {
  -webkit-animation:init 1s;
  -moz-animation:init 1s;
  -ms-animation:init 1s;
  -o-animation:init 1s;
  animation:init 1s;
}

a,
a:link,
a:active,
a:visited {
  color:#4a563e;
  text-decoration:none;
}

a:hover {
  color:#d91c5c;
  text-decoration:underline;
}

eft,
.separator.left {
  margin:.4em 1.5em 1em 0;
}

img.right,
.separator.right {
  margin:.4em 0 1em 1.5em;
}

img.center,
.separator.center,
.separator.center img {
  margin:0 auto 1.5em;
  text-align:center;
  display:block;
}

img.center,
.separator.center img {
  margin-bottom:0;
}

.header-wrapper {
  width:980px;
  color:#eee;
  min-height:60px;
  overflow:hidden;
  position:relative;
  z-index:999;
  margin:0 auto;
}

#header {
  max-width:320px;
  float:left;
  width:auto;
  overflow:hidden;
  z-index:999;
  min-width:320px;
  margin:0;
  padding:0;
}

#header-inner {
  margin:10px 0 10px;
  padding:0;
}

#header h1,
#header p {
  font:38px 'ChristopherhandRegular',Arial,Helvetica,sans-serif;
  line-height:24px;
  color:#eee;
  text-shadow:2px 2px 1px #000;
  padding:5px 0;
  margin:0;
}

#header h1 a,
#header h1.title a:hover {
  color:#eee;
  text-decoration:none;
}

#header .description {
  color:#fff;
  font:12px Arial;
  text-shadow:none;
}

#header img {
  border:0 none;
  background:0;
  width:auto;
  height:auto;
  margin:0 auto;
}

.outerpic-wrapper {
  margin-top:0;
  width:100%;
  margin-bottom:40px;
  background:transparent;
  width:100%;
  padding:5px;
  overflow:hidden;
}

.header-wrapper {
  background-color:#104b56;
  background-image:-webkit-linear-gradient(rgba(0,0,0,.26),rgba(0,0,0,0));
  background-image:-moz-linear-gradient(rgba(0,0,0,.26),rgba(0,0,0,0));
  background-image:-ms-linear-gradient(rgba(0,0,0,.26),rgba(0,0,0,0));
  background-image:-o-linear-gradient(rgba(0,0,0,.26),rgba(0,0,0,0));
  background-image:linear-gradient(rgba(0,0,0,.26),rgba(0,0,0,0));
  border-color:white;
  border-bottom:2px solid #fff;
  border-top:1px solid #009bce;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,.4);
  box-shadow:0 1px 2px rgba(0,0,0,.4);
  width:100%;
  padding:0;
  margin:0 auto;
}

.content-wrapper {
  position:relative;
  max-width:800px;
  margin:0 auto;
}

.outer-wrapper {
  position:relative;
  width:100%;
  padding:0;
}

.main-wrapper {
  width:99%;
  background:transparent;
  margin:0;
  float:left;
  word-wrap:break-word;
  overflow:hidden;
}

.clr {
  clear:both;
  float:none;
}

h2 {
  line-height:1.4em;
  text-transform:none;
  color:#333;
  margin:.5em 0 .25em;
}

h3.date-header {
  text-transform:none;
  font:normal 23px Arial;
  color:#eee;
  line-height:1.2em;
  margin:.1em 0;
}

.post {
  margin:10px 5px;
  padding:10px 15px;
  background:url(//2.bp.blogspot.com/-pvxecozJHnA/Uk3Jj6TuNbI/AAAAAAAAFGE/x34dtJJNBhY/s1600/bg1.png);
}

.post h1,
.post h2 {
  margin:0 0 8px 0;
  padding:5px;
  color:#000;
  text-shadow:#fff 1px 1px 2px;
  font-size:280% Oswald;
  line-height:1.2em;
  border-bottom:1px solid #7f7f7f;
}

.post h1 a,
.post h1 a:visited,
.post h1 strong,
.post h2 a,
.post h2 a:visited,
.post h2 strong {
  display:block;
  margin-bottom:10px;
  text-decoration:none;
  color:#333;
}

.post h1 strong,
.post h1 a:hover,
.post h2 strong,
.post h2 a:hover {
  color:#0a2e56;
}

.post-body {
  padding-top:0;
  font:14px Ubuntu,"Trebuchet MS",Trebuchet,Geneva,Verdana,Arial,Sans-Serif;
  margin:1.0 0 .75em;
  line-height:1.4em;
}

.post-body blockquote {
  line-height:1.8em;
}

.post th {
  background:#f2f2f2;
  padding:2px 8px;
}

.post td {
  border-top:1px solid #dfdfdf;
  background:#f9f9f9;
  padding:2px 8px;
}

.post table {
  width:100%;
  border:1px solid #ccc;
  margin:10px 0 0;
  padding:0;
}

.post-footer {
  color:#666;
  text-transform:none;
  letter-spacing:.01em;
  line-height:1.4em;
  margin:.75em 0;
}

.comment-link {
  margin-left:.1em;
}

.post img,
#header2 img,
.sidebar img {
  max-width:100%;
  width:auto;
  -ms-interpolation-mode:bicubic;
  border:0;
}

.video-container {
  position:relative;
  margin:0 0 15px 0;
  padding-bottom:51%;
  padding-top:30px;
  height:0;
  overflow:hidden;
  border:1px solid #19523d;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

pre code {
  padding:.5em 1em;
  margin:.5em 0;
  white-space:pre;
  word-wrap:normal;
  overflow:auto;
  border:2px solid #DDD;
  display:block;
  background:#222;
}

pre .tag,
pre .tag .title,
pre .keyword,
pre .literal,
pre .change,
pre .winutils,
pre .flow,
pre .lisp .title,
pre .clojure .built_in,
pre .nginx .title,
pre .tex .special {
  color:#f92672;
}

pre code {
  color:#DDD;
}

pre code .constant {
  color:#66d9ef;
}

pre .class .title {
  color:white;
}

pre .attribute,
pre .symbol,
pre .symbol .string,
pre .value,
pre .regexp {
  color:#bf79db;
}

pre .tag .value,
pre .string,
pre .subst,
pre .title,
pre .haskell .type,
pre .preprocessor,
pre .ruby .class .parent,
pre .built_in,
pre .sql .aggregate,
pre .django .template_tag,
pre .django .variable,
pre .smalltalk .class,
pre .javadoc,
pre .django .filter .argument,
pre .smalltalk .localvars,
pre .smalltalk .array,
pre .attr_selector,
pre .pseudo,
pre .addition,
pre .stream,
pre .envvar,
pre #cse-search-box,
#subscribe-form form {
  font:inherit;
}

blockquote,
b[rel="quote"] {
  display:block;
  font:inherit;
  position:relative;
  background-color:#229fb1;
  color:white;
  text-shadow:0 1px 0 rgba(0,0,0,.2);
  padding:1.3em 1.6em;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}

blockquote:before,
b[rel="quote"]:before {
  content:"";
  width:0;
  height:0;
  border:7px solid transparent;
  border-bottom-color:#229fb1;
  position:absolute;
  top:-14px;
  right:15px;
}

blockquote a,
blockquote a:hover,
blockquote a:focus,
blockquote code,
b[rel="quote"] a,
b[rel="quote"] a:hover,
b[rel="quote"] a:focus {
  color:#ffeae5 !important;
  background:0;
  text-shadow:none;
}

form {
  font-size:86%;
}

fieldset {
  border:1px dotted #bbb;
  padding:10px;
  margin:0 0 5px;
}

legend {
  padding:0 1em;
  font-weight:bold;
}

input,
button,
select,
textarea,
.button {
  display:inline-block;
  *display:inline;
  width:170px;
  height:auto;
  margin:0 0 5px;
  padding:5px 4px 4px;
  border:1px solid #bbb;
  outline:0;
  background-color:#fafafa;
  font:inherit;
  font-size:100%;
  color:inherit;
  line-height:normal;
  vertical-align:baseline;
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
  -webkit-background-clip:padding-box;
  -moz-background-clip:padding-box;
  background-clip:padding-box;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);
  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.1);
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
  margin:0;
  padding:0;
  border:0;
  outline:0;
}

select {
  padding-top:4px;
  cursor:pointer;
  background-color:white;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}

textarea {
  display:block;
  width:auto;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input:focus,
textarea:focus {
  border-color:#907c50;
  background-color:#ffe4b5;
}

input[disabled],
button[disabled],
select[disabled],
textarea[disabled],
input[readonly],
textarea[readonly],
input[readonly]:focus,
textarea[readonly]:focus {
  cursor:default;
  cursor:not-allowed;
  background-color:#eee;
  border-color:#bbb;
  color:#555;
}

input[readonly],
textarea[readonly],
input[readonly]:focus,
textarea[readonly]:focus {
  cursor:default;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.button,
a.button,
input[type="button"][disabled]:active,
input[type="submit"][disabled]:active,
input[type="reset"][disabled]:active,
button[disabled]:active,
.button.disabled:active,
a.button.disabled:active {
  width:auto;
  cursor:pointer;
  background-color:#21aec3;
  background-image:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.26));
  background-image:-moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.26));
  background-image:-ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.26));
  background-image:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.26));
  background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.26));
  border-width:2px;
  border-color:white;
  position:relative;
  top:-3px;
  color:#ebebeb;
  font-weight:bold;
  font-size:86%;
  line-height:normal;
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 3px rgba(0,0,0,.4);
  box-shadow:0 1px 3px rgba(0,0,0,.4);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  text-shadow:0 1px 0 rgba(0,0,0,.3);
  padding:.5em .9em .4em;
  white-space:nowrap;
}

.button.small,
.button.small:active,
.button.small:focus {
  font-size:10px;
  border:0;
  padding:.45em .9em;
}

.button.small.square-btn,
.button.small.square-btn:active,
.button.small.square-btn:focus {
  font-weight:normal;
  text-transform:uppercase;
  border:4px solid #333;
  padding:.4em .8em .5em;
  margin:2px 0 0 2px;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover,
.button:hover,
a.button:hover,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
button:focus,
.button:focus,
a.button:focus {
  background-color:#229fb1;
  color:white;
  border-color:white;
  text-decoration:none;
}

input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
button:active,
.button:active,
a.button:active {
  top:-2px;
  background-color:#229fb1;
  background-image:-webkit-linear-gradient(rgba(0,0,0,.26),rgba(0,0,0,0));
  background-image:-moz-linear-gradient(rgba(0,0,0,.26),rgba(0,0,0,0));
  background-image:-ms-linear-gradient(rgba(0,0,0,.26),rgba(0,0,0,0));
  background-image:-o-linear-gradient(rgba(0,0,0,.26),rgba(0,0,0,0));
  background-image:linear-gradient(rgba(0,0,0,.26),rgba(0,0,0,0));
  border-color:white;
  -webkit-box-shadow:0 0 3px rgba(0,0,0,.4);
  -moz-box-shadow:0 0 3px rgba(0,0,0,.4);
  box-shadow:0 0 3px rgba(0,0,0,.4);
}

input[type="button"][disabled],
input[type="submit"][disabled],
input[type="reset"][disabled],
button[disabled],
.button.disabled,
a.button.disabled,
input[type="button"][disabled]:hover,
input[type="submit"][disabled]:hover,
input[type="reset"][disabled]:hover,
button[disabled]:hover,
.button.disabled:hover,
a.button.disabled:hover {
  background-color:#bbb;
  border-color:white;
  color:#ebebeb;
  cursor:not-allowed;
}

.button-group {
  text-align:center;
}

.button-group .button {
  display:inline;
  padding:1em 1.7em .9em;
  line-height:5.5em;
}

input[type="radio"],
input[type="checkbox"],
input[type="image"],
label {
  cursor:pointer;
  width:auto;
  margin:0;
  padding:0;
  background:0;
  border:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}

input[type="radio"],
input[type="checkbox"] {
  position:relative;
  top:1px;
}

.feed-links {
  clear:both;
  line-height:2.5em;
}

#viewers {
  float:left;
  width:100%;
  font:12px Arial;
  padding-top:3px;
  border-top:1px solid #bbb;
  margin:0;
  background:#eee;
}

#under-wrapper {
  padding:1em;
  margin:0 1%;
  background-color:#ddd;
  border:1px solid #aaa;
  color:#333;
  float:left;
  width:99.5%;
  border-bottom:1px solid #aaa;
  border-top:3px solid #ccc;
  margin:5px 0;
  padding:5px 0 15px;
}

.post-snippet:before {
  content:attr(data-snippet);
}

#related-posts {
  float:left;
  width:100%;
  border-bottom:1px solid #aaa;
  border-top:3px solid #bbb;
  margin:5px 0 10px;
  padding:15px 0 10px;
}

#related-posts .widget h2,
#related-posts h2 {
  font:16px Oswald;
  color:#111;
  text-transform:none;
  margin:0 0 10px;
  padding:0;
}

#related-posts a {
  color:#333;
  font:12px Tahoma;
}

#related-posts li {
  background:url(http://2.bp.blogspot.com/-EcBIblBtYTQ/TqALuRS_IzI/AAAAAAAAAx0/E-vzWTTOgXs/s1600/bullet-list.gif) no-repeat 0 10px;
  text-indent:0;
  line-height:1.2em;
  border-bottom:1px dashed #ddd;
  margin:0;
  padding:3px 0 3px 12px;
}

#related-posts a:hover {
  color:#2482d6;
  text-decoration:none;
}

#related-posts .widget {
  margin:0;
  padding:0;
}

#related-posts ul {
  list-style:none;
  margin:0;
  padding:0;
}

.readmorecontent {
  float:right;
  margin:15px 5px 0 0;
  padding:2px 0;
  font-size:13.6px;
}

.readmorecontent a {
  background-color:#21aec3;
  background-image:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.26));
  background-image:-moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.26));
  background-image:-ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.26));
  background-image:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.26));
  background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.26));
  border:1px solid #fff;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,.4);
  box-shadow:0 1px 2px rgba(0,0,0,.4);
  color:#fff;
  text-decoration:none;
  padding:.5em .9em .4em;
  white-space:nowrap;
}

.readmorecontent a:hover {
  text-decoration:none;
  color:#DDD;
}

#blog-pager-older-link a,
#blog-pager-newer-link a,
a.home-link {
  width:80px;
  text-align:center;
  display:inline-block;
  color:#444;
  font:bold 12px Arial;
  text-transform:none;
  margin:0;
  padding:5px 5px;
  background:transparent;
  border:1px solid #DDD;
}

.blog-pager,
#blog-pager {
  clear:both;
  font:bold 12px Arial;
  text-align:center;
  padding:15px 10px;
}

.author {
  color:#4a563e;
  background:url(//2.bp.blogspot.com/-4NgbOzLsw8A/UlIWwy0dJ6I/AAAAAAAAFKk/aZin5oui1ZE/s1600/iconauthor.png) left center no-repeat;
  padding:5px 5px 5px 27px;
}

.clock {
  color:#4a563e;
  background:url(//4.bp.blogspot.com/-4nt3SBgE4Bk/UlIWw2MPGmI/AAAAAAAAFKg/c6XL8eJJEic/s1600/icondate.png) left center no-repeat;
  padding:5px 5px 5px 27px;
}

.clock a {
  color:#48d;
}

.clock a:hover {
  color:#4a563e;
}

.com {
  color:#4a563e;
  background:url(//4.bp.blogspot.com/-TZPmiBiDz5c/UlIWxMO-1SI/AAAAAAAAFKs/xcQ4rnKpqU4/s1600/iconcomment.png) left center no-repeat;
  padding:5px 5px 5px 27px;
}

table.lamp {
  width:100%;
  padding:0;
  border:1px solid #d4d4d4;
}

table.lamp th {
  color:#000;
  background-color:white;
  padding:10px;
  padding-right:5px;
}

table.lamp td {
  padding:4px;
  padding-left:0;
  padding-right:10px;
  background-color:#fff;
}

table.tecspec th,
table.tecspec td {
  border:1px solid #d4d4d4;
  padding:5px;
  padding-top:7px;
  padding-bottom:7px;
  vertical-align:top;
  text-align:left;
}

table.reference,
table.tecspec {
  border-collapse:collapse;
  width:100%;
}

table.reference tr:nth-child(odd) {
  background-color:#f6f4f0;
}

table.reference tr:nth-child(even) {
  background-color:#fff;
}

table.reference tr.fixzebra {
  background-color:#f6f4f0;
}

table.reference th {
  color:#fff;
  background-color:#8ac007;
  border:1px solid #7ac007;
  font-size:12px;
  padding:3px;
  vertical-align:top;
  text-align:left;
}

table.reference th a:link,
table.reference th a:visited {
  color:#fff;
}

table.reference th a:hover,
table.reference th a:active {
  color:#ee872a;
}

table.reference td {
  border:1px solid #d4d4d4;
  padding:5px;
  padding-top:7px;
  padding-bottom:7px;
  vertical-align:top;
}

table.reference td.example_code {
  vertical-align:bottom;
}

table.summary {
  border:1px solid #d4d4d4;
  padding:5px;
  font-size:100%;
  color:#555;
  background-color:#fafad2;
}

h2.example,
h2.example_head {
  color:#444;
  color:#617f10;
  background-color:transparent;
  margin-top:0;
}

h2.example {
  font-size:120%;
}

h2.example_head {
  font-size:140%;
}

h2.home {
  margin-top:0;
  margin-bottom:5px;
  font-size:120%;
  padding-top:1px;
  padding-bottom:1px;
  padding-left:1px;
  color:#900b09;
  background-color:#fff;
}

span.color_h1 {
  color:#8ac007;
}

span.left_h2 {
  color:#8ac007;
}

span.new {
  float:right;
  color:#fff;
  background-color:#8ac007;
  font-weight:bold;
  padding-left:1px;
  padding-right:1px;
  border:1px solid #fff;
  outline:1px solid #8ac007;
}

.comments {
  margin:5px;
  padding:10px 15px;
  line-height:1em;
  -webkit-box-shadow:1px 1px 5px #c3c3c3;
  -moz-box-shadow:1px 1px 5px #c3c3c3;
  -ms-box-shadow:1px 1px 5px #c3c3c3;
  -o-box-shadow:1px 1px 5px #c3c3c3;
  box-shadow:1px 1px 5px #c3c3c3;
  background:#f6f6f6;
  border:1px solid #fff;
}

.comments .comments-content {
  font-size:12px;
  margin-bottom:16px;
  font-weight:normal;
  text-align:left;
  line-height:1.4em;
}

.comments .comment .comment-actions a,
.comments .continue a {
  display:inline-block;
  margin:0;
  padding:1px 6px;
  color:#DDD !important;
  text-align:center;
  text-decoration:none;
  background-color:#21aec3;
  background-image:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.26));
  background-image:-moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.26));
  background-image:-ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.26));
  background-image:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.26));
  background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.26));
  border:1px solid #fff;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,.4);
  box-shadow:0 1px 2px rgba(0,0,0,.4);
  color:#fff;
  text-decoration:none;
  padding:.5em .9em .4em;
  white-space:nowrap;
  font:11px/18px sans-serif;
  padding:2px 8px;
  margin-right:10px;
}

.comments .comment .comment-actions a:hover {
  text-decoration:none;
  background:#256e7d;
  border:1px solid #fff;
}

.comments .comments-content .comment-thread ol {
  list-style-type:none;
  padding:0;
  text-align:none;
}

.comments .comments-content .inline-thread {
  padding:.5em 1em;
}

.comments .comments-content .comment-thread {
  margin:8px 0;
}

.comments .comments-content .comment-thread:empty {
  display:none;
}

.comments .comments-content .comment-replies {
  margin-top:1em;
  margin-left:40px;
  font-size:12px;
  background:#f6f6f6;
}

.comments .comments-content .comment {
  margin-bottom:16px;
  padding-bottom:8px;
}

.comments .comments-content .comment:first-child {
  padding-top:16px;
}

.comments .comments-content .comment:last-child {
  border-bottom:0;
  padding-bottom:0;
}

.comments .comments-content .comment-body {
  position:relative;
}

.comments .comments-content .user {
  font-style:normal;
  font-weight:bold;
}

.comments .comments-content .user a {
  color:#2d5e7b;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
}

.comments .comments-content .icon.blog-author {
  width:18px;
  height:18px;
  display:inline-block;
  margin:0 0 -4px 6px;
}

.comments .comments-content .datetime {
  color:#999;
  float:right;
  font-size:11px;
  text-decoration:none;
}

.comments .comments-content,
.comments .comments-content .comment-content {
  margin:0 0 8px;
}

.comment-header {
  background-color:#9bdfed;
  border:thin solid #87d1e1;
  margin-bottom:5px;
  padding:5px;
}

.comments .comments-content .comment-content {
  text-align:none;
  padding:5px;
}

.comments .comments-content .owner-actions {
  position:absolute;
  right:0;
  top:0;
}

.comments .comments-replybox {
  border:0;
  height:250px;
  width:100%;
}

.comments .comment-replybox-single {
  margin-top:5px;
  margin-left:48px;
}

.comments .comment-replybox-thread {
  margin-top:5px;
}

.comments .comments-content .loadmore a {
  display:block;
  padding:10px 16px;
  text-align:center;
}

.comments .thread-toggle {
  cursor:pointer;
  display:inline-block;
}

.comments .continue {
  cursor:pointer;
}

.comments .comments-content .loadmore {
  cursor:pointer;
  max-height:3em;
  margin-top:3em;
}

.comments .comments-content .loadmore.loaded {
  max-height:0;
  opacity:0;
  overflow:hidden;
}

.comments .thread-chrome.thread-collapsed {
  display:none;
}

.comments .thread-toggle {
  display:inline-block;
}

.comments .thread-toggle .thread-arrow {
  display:inline-block;
  height:6px;
  width:7px;
  overflow:visible;
  margin:.3em;
  padding-right:4px;
}

.comments .thread-expanded .thread-arrow {
  background:url(//4.bp.blogspot.com/-fhTZlJkFnPc/UQezZ0aM1ZI/AAAAAAAABcY/v1vUibnXaKc/s1600/arrow-down.png) no-repeat scroll 0 0 transparent;
}

.comments .thread-collapsed .thread-arrow {
  background:url(//4.bp.blogspot.com/-WwOfybPl9ig/UQezafv_uNI/AAAAAAAABcg/uLkQHEqKKBM/s1600/arrow-right.png) no-repeat scroll 0 0 transparent;
}

.comments .avatar-image-container {
  background-image:url(//2.bp.blogspot.com/-YldAOrVwIOg/UlNXDWRE4_I/AAAAAAAAFLQ/zxPtiPQKLvU/s1600/avatar.gif);
  background-position:center center;
  background-repeat:no-repeat;
  float:left;
  width:36px;
  max-height:36px;
  margin:0;
  outline:1px solid #9bdfed;
  padding:3px;
  vertical-align:middle;
  overflow:hidden;
  border:1px solid #87d1e1;
}

.comments .avatar-image-container img {
  width:36px;
}

.comments .comment-block {
  background:#cadfe3;
  border:1px solid #91c4cf;
  margin-left:48px;
  position:relative;
}

@media screen and (max-device-width:480px) {
  .comments .comments-content .comment-replies {
    margin-left:0;
  }
}

acronym {
  color:magenta;
}

#toolpik {
  position:fixed;
  z-index:1011;
  top:10px;
  left:10px;
  border-top:1px solid #ddd;
  background:#f1f1f1;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.7);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,0.7);
  box-shadow:0 1px 2px rgba(0,0,0,0.7);
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  border-radius:7px;
  width:300px;
  height:auto;
  padding:15px 30px 15px 15px;
  font:normal 12px Cambria,Times,Serif;
  color:#222;
  text-align:left;
  display:none;
}

#toolpik h2 {
  font-size:18px;
  margin:0 0 10px;
}

#toolpik p {
  margin:10px 0;
}

#toolpik a {
  color:#e30374;
  text-decoration:none;
  border-bottom:1px dotted #ddd;
}

#toolpik img.absol {
  position:absolute;
  bottom:5px;
  right:7px;
}

.sidebar-wrapper,
.sidebar1-wrapper {
  width:300px;
  background-color:transparent;
  float:right;
  word-wrap:break-word;
  overflow:hidden;
}

.sidebar h2 {
  color:#333;
  font:16px Oswald;
  margin:0 10px;
  padding:5px 0 13px;
  text-transform:uppercase;
  background:url(http://2.bp.blogspot.com/-vBqe4ZmtYSo/UT87W-IKz4I/AAAAAAAAAbU/EE8BXvUkjNY/s1600/sprite.png) repeat-x scroll bottom;
}

.sidebar {
  color:#444;
  line-height:1.3em;
  border-top:0;
  font:11px;
}

.sidebar li {
  line-height:1.3em;
  margin:0;
  padding:5px 0 4px;
  border-bottom:1px dashed #ddd;
}

.sidebar .widget,
.sidebar1 .widget {
  margin:10px 3px 10px 1px;
  padding:0;
  background:transparent;
}

.sidebar .widget-content {
  margin:0 auto;
  padding:0 10px;
}

.sidebar a:link,
.sidebar a:visited {
  font:bold 12px;
  color:#333;
  text-decoration:none;
}

.sidebar li a:hover {
  color:#555;
}

.sidebar ul,
.sidebar1 ul {
  list-style:none;
  margin:0;
  padding:5px 0;
}

.sidebar1 .widget-content {
  margin:0 auto;
  padding:10px 10px 5px;
}

#sidebar div,
#sidebar li {
  position:relative;
}

#sidebar .widget-container h3 {
  margin-bottom:.45em;
}

#sidebar .widget_archive ul li,
#sidebar .widget_categories ul li,
#sidebar .widget_nav_menu ul li,
#sidebar .widget_links ul li,
#sidebar .widget_pages ul li {
  width:auto;
  line-height:1.444em;
  padding-left:15px;
  border-top:1px dashed #555759;
  background:transparent;
}

#sidebar .widget_archive ul li a,
#sidebar .widget_categories ul li a,
#sidebar .widget_nav_menu ul li a,
#sidebar .widget_links ul li a,
#sidebar .widget_pages ul li a {
  position:relative;
}

#sidebar .widget_archive ul li:first-child,
#sidebar .widget_categories ul li:first-child,
#sidebar .widget_nav_menu ul li:first-child,
#sidebar .widget_links ul li:first-child,
#sidebar .widget_pages ul li:first-child {
  border-top:0;
}

#advertise {
  background:transparent;
  border:0 solid #fff;
  margin:0;
  padding:0;
}

#advertise .ads {
  padding:5px;
  margin:0;
}

.ads li {
  float:left;
  width:125px;
  margin-right:10px;
  margin-bottom:5px;
}

.ads li.last {
  margin-right:0;
}

.ads img {
  border:1px solid #EEE;
}

.ads li a:hover {
  opacity:1.0;
  filter:alpha(opacity=100);
  color:#666;
  text-decoration:none;
}

#footer {
  background:#333;
  border-top:1px solid #222;
  width:100%;
  padding:0;
}

.footer-wrapper {
  color:#aaa;
  font:12px Arial;
  height:100%;
  line-height:16px;
  overflow:hidden;
  padding:0;
}

.footer {
  float:left;
  width:29%;
  margin:10px;
}

.footer .widget {
  margin-bottom:30px;
}

.footer h2 {
  background:url(//4.bp.blogspot.com/-tk5hQcNMq6M/T8zPEwjH-RI/AAAAAAAAGm0/t8xkrJitkxg/s1600/batas.gif) repeat-x scroll bottom;
  font:bold 14px Arial;
  padding-bottom:8px;
  margin-bottom:8px;
  line-height:1.3em;
  text-transform:uppercase;
  color:#ddd;
}

.footer .widget-content {
  line-height:17px;
}

.footer ul {
  color:#ddd;
  margin:0;
  padding:0;
  list-style:none;
  float:left;
  position:relative;
  z-index:10000;
}

.footer li {
  background:url(//4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 1px 4px;
  font:normal 12px;
  color:#626262;
  text-indent:0;
  line-height:1.2em;
  margin:0;
  padding:2px 0 3px 17px;
}

.footer a:link,
.footer li a:visited {
  color:#aaa;
  text-decoration:none;
}

.footer li a:hover {
  color:#fff;
}

#credit {
  background:#222;
  font:11px;
  color:#999;
  width:100%;
  overflow:hidden;
  clear:both;
  padding:15px 0 10px;
  line-height:18px;
}

#credit .left {
  float:left;
  text-align:left;
  margin-left:10px;
}

#credit .right {
  float:right;
  text-align:right;
  margin-right:10px;
}

#credit a {
  color:#eee;
  text-decoration:none;
}

#credit a:hover {
  color:#ddd;
  text-decoration:none;
}
.PopularPosts .item-thumbnail img {
  width:72px;
  height:72px;
  padding:2px;
  margin:0;
  border:1px solid #ddd;
}

.demo {
  text-align:center;
}

::-moz-selection {
  background:#627d0f;
  color:#fff;
  text-shadow:none;
}

::selection {
  background:#627d0f;
  color:#fff;
  text-shadow:none;
}

img {
  max-width:98%;
  height:auto !important;
}

#menu {
  float:left;
  position:relative;
  z-index:1001;
  padding-top:10px;
}

#menu li {
  width:auto;
  margin:0 1px 0 0;
  padding:0;
  float:left;
  font:bold 1.2em/1.1em Ubuntu,"Trebuchet MS",Trebuchet,Geneva,Verdana,Arial,Sans-Serif;
  background:0;
  position:relative;
}

#menu li a {
  width:auto;
  height:37px;
  margin:0;
  padding:15px 18px 10px;
  position:relative;
  float:left;
  color:#999;
  text-decoration:none;
  z-index:1000;
}

.menuslide {
  position:absolute;
  z-index:999;
  width:100%;
  height:62px;
  background:0;
  display:none;
  margin-top:-40px;
  top:40px;
  left:0;
}

#menu li a.selected,
#menu li a:hover {
  color:#ddd;
}

#menu li.current-menu-item a,
#menu li.current-menu-parent a,
#menu li.current_page_parent a {
  color:#fff;
  background:0;
}

#menu li.current-menu-item a:hover,
#menu li.current-menu-parent a:hover,
#menu li.current_page_parent a:hover,
#menu li a:hover.selected {
  text-decoration:none;
}

.menu_description {
  display:block;
  font:10px Arial,Helvetica,sans-serif;
  color:#bebebe;
}

#menu ul.ddsmoothmenu {
  margin:0;
  padding:0;
  list-style:none;
  float:left;
  position:relative;
  z-index:10000;
}

#main_up .content_wrapper_up,
#main_up .content_wrapper_sbr,
#main_up .content_wrapper_sbl {
  width:950px;
  min-height:300px;
  margin:40px;
  auto;
  padding:8.5em 0;
}

#main_up .content_wrapper_up #content_up {
  width:950px;
}

#main_up .content_wrapper_sbr #content_up,
#main_up .content_wrapper_sbl #content_up {
  width:640px;
}

.content_wrapper_sbr #content_up {
  float:left;
}

.content_wrapper_sbl #content_up {
  float:right;
}

#sp .content_wrapper_up #content_up {
  width:930px;
}

#sp .content_wrapper_sbr #content_up,
#sp .content_wrapper_sbl #content_up {
  width:620px;
}

#sp .content_wrapper,
#sp .content_wrapper_sbr,
#sp .content_wrapper_sbl {
  width:940px;
  min-height:320px;
  margin:-107px auto 0;
  padding:45px;
  position:relative;
  z-index:20;
  background:url(//1.bp.blogspot.com/-FWOKEC7heow/UlIWjHgF1hI/AAAAAAAAFJg/uDrkxpiGLbE/s1600/dark.png) 0 0 no-repeat;
}

.columns,
.columns2,
.columns3,
.columns4,
.columns5,
.columns6,
.columns7,
.columns8,
.columns9,
.columns10,
.columns11,
.columns12,
.columns13,
.columns14,
.columns15,
.columns16 {
  color:#fcfcfc;
  width:auto;
  margin:40px;
  padding:0 0 5px;
}

.column {
  width:auto;
  float:left;
  position:relative;
}

#sp .content_wrapper_sbl #content_up,
#sp .content_wrapper_sbr #content_up {
  background:url(//1.bp.blogspot.com/-FWOKEC7heow/UlIWjHgF1hI/AAAAAAAAFJg/uDrkxpiGLbE/s1600/dark.png) bottom center no-repeat;
}

.fsb_full {
  width:100%;
  background:transparent;
}

#fsb {
  width:950px;
  position:relative;
  margin:0 auto;
  padding:4.5em 30px;
}

.clear {
  display:block;
  clear:both;
  height:0 !important;
  overflow:hidden;
}

#main .hr {
  width:940px;
  height:2px;
  overflow:hidden;
  margin:2.944em 0;
  background:url(//1.bp.blogspot.com/-FWOKEC7heow/UlIWjHgF1hI/AAAAAAAAFJg/uDrkxpiGLbE/s1600/dark.png) 0 0 no-repeat;
}

#sp .hr {
  width:930px;
  height:2px;
  overflow:hidden;
  margin:2.944em 0;
  background:url(//1.bp.blogspot.com/-FWOKEC7heow/UlIWjHgF1hI/AAAAAAAAFJg/uDrkxpiGLbE/s1600/dark.png) 0 0 no-repeat;
}

#sp .content_wrapper_sbl #content_up .hr,
#sp .content_wrapper_sbr #content_up .hr,
.hr_610 {
  width:610px;
  height:2px;
  overflow:hidden;
  margin:2.944em 0;
  background:url(//1.bp.blogspot.com/-FWOKEC7heow/UlIWjHgF1hI/AAAAAAAAFJg/uDrkxpiGLbE/s1600/dark.png) 0 0 no-repeat;
}

.bottom {
  margin-bottom:25px;
}

.alignleft {
  float:left;
}

.alignright {
  float:right;
}

.aligncenter {
  width:auto;
  display:block;
  margin:0 auto;
}

.alignleft {
  margin-right:20px;
  margin-bottom:5px;
}

.alignright {
  margin-left:20px;
  margin-bottom:5px;
}

.aligncenter {
  margin:0 auto 10px;
}

@media screen and (max-device-width:480px) {
  .comments .comments-content .comment-replies {
    margin-left:0;
  }
}

@media screen and (max-width:980px) {
  #header {
    float:none;
    max-width:none;
    text-align:center;
    margin-top:10px;
  }
  #header-inner {
    margin-bottom:0;
  }
  #header h1,
  #header p {
    margin-right:0;
  }
  #header .description {
    margin:0;
  }
  .menusearch {
    float:none;
    padding:5px 0 10px;
  }
  .main-wrapper {
    margin-right:0;
    width:66.5%;
  }
  .sidebar-wrapper,
  .sidebar1-wrapper {
    border:0;
    margin:0 auto;
    padding:0 10px;
  }
  .credit {
    padding:20px !important;
  }
  #credit .left,
  #credit .right {
    float:none;
    text-align:center;
    margin:0;
  }
  .outerpic-wrapper,
  .content-wrapper {
    padding:0;
  }
  #header2,
  .page-menu ul {
    text-align:center;
    width:100%;
  }
}

@media screen and (max-width:800px) {
  .header-wrapper {
    margin-right:0;
    min-height:0;
    width:100%;
  }
  #header {
    text-align:center;
    width:100%;
    max-width:none;
  }
  #header-inner {
    margin:10px 0;
  }
  .main-wrapper {
    width:55.4%;
  }
  #menu {
    position:relative;
  }
  #menu ul {
    background:#111;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    z-index:3;
    height:auto;
    display:none;
  }
  #menu ul.menus {
    width:100%;
    position:static;
    padding-left:20px;
  }
  #menu li {
    display:block;
    float:none;
    width:auto;
  }
  #menu input,
  #menu label {
    position:absolute;
    top:7px;
    left:0;
    display:block;
  }
  #menu input {
    z-index:4;
  }
  #menu input:checked+label {
    color:white;
  }
  #menu input:checked ~ ul {
    display:block;
  }
  .page-menu li a {
    border-right:0;
  }
  .page-menu {
    margin:0;
    width:100%;
  }
}

@media screen and (max-width:760px) {
  .outer-wrapper {
    padding:0;
  }
  .main-wrapper {
    margin-right:0;
    width:100%;
    min-height:0;
  }
  .sidebar-wrapper,
  .sidebar1-wrapper {
    position:relative;
    top:auto;
    right:auto;
    clear:both;
    left:auto;
    width:auto;
    background:0;
  }
  #comment-editor {
    margin:10px;
  }
  .footer {
    width:auto;
    margin:15px;
  }
  #relpost_img_sum .news-text {
    display:none;
  }
}

@media screen and (max-width:480px) {
  .outerpic-wrapper {
    margin-top:0;
    margin-bottom:0;
  }
  #header img {
    width:100%;
  }
  #relpost_img_sum .news-title {
    font:11px Arial;
  }
  .post-comment-link {
    display:none;
  }
}

@media screen and (max-width:320px) {
  .outerpic-wrapper {
    margin-top:0;
    margin-bottom:0;
  }
  .comments .comments-content .datetime {
    display:block;
    float:none;
  }
  .comments .comments-content .comment-header {
    height:70px;
  }
}

@media screen and (max-width:240px) {
  .header-wrapper {
    margin-right:0;
    min-height:0;
    width:100%;
  }
  #header {
    text-align:center;
    width:100%;
    max-width:none;
  }
  #header-inner {
    margin:10px 0;
  }
  #header img {
    border:0 none;
    background:0;
    width:auto;
    height:auto;
    margin:0 auto;
  }
  .comments .comments-content .comment-replies {
    margin-left:0;
  }
}